html,
body,
#app {
  height: 100%;
  margin: 0;
  padding: 0;
}

.spinner-icon{
  display: none!important;
}

.autumn-container {
  height: 100%;
}

.autumn-center {
  margin-top: 15px;
  height: calc(92%);

  .autumn-layout {
    display: flex;
    height: 100%;

    .autumn-layout-left {
      width: 200px;
      height: 100%;
      padding: 10px 10px;
      background-color: #ffffff;
      flex-shrink: 0;
      flex-direction: column;
      margin-right: 10px;
      border-radius: 4px;
      .el-scrollbar {
        height: 95%;
        .el-scrollbar__wrap {
          overflow-x: hidden !important;
        }
      }
    }
  
    .autumn-layout-main {
      flex: 1;
      flex-direction: column;
      width: 100%;
    }
  }

  .edit-form {
    padding: 15px 15px;
    background-color: #ffffff;
    border-radius: 4px;
    height: 100%;

    .el-form--inline {
      .el-form-item {
        display: inline-flex !important;
      }
    }
    
    .form-foot-button {
      text-align: right;
    }
    
    .el-drawer__body {
      padding-right: 5px !important;
      padding-left: 5px !important;
    }
    
    .el-select-dropdown__wrap {
      margin-bottom: -5px !important;
    }
  }

  .query-form {
    padding-top: 15px;
    background-color: #ffffff;
    padding-left: 15px;
    margin-bottom: 10px;
    border-radius: 4px;
  }

  .main-body {
    border: 1px solid #ebeef5;
    background-color: #fff;
    transition: .3s;
    border-radius: 4px;
    overflow: hidden;
    padding: 15px;
    &.top {
      height: calc(90%);
    }
  }

  .half {
    display: flex;
    justify-content: initial;
  }
}

.el-form-item {
  .el-select {
    width: 100%;
  }
  .el-cascader {
    width: 100%;
  }
}

.el-input-number__increase,.el-input-number__decrease {
  height: inherit !important;
  i[class^="el-icon"] {
    height: inherit;
    line-height: inherit !important;
  }
}

.el-menu--popup-container {
  [class^="fa fa-"] {
    margin-right: 5px !important;
    width: 24px;
    text-align: center;
    vertical-align: middle;
  }
}

:root {
  --el-color-primary: teal;
  --el-color-primary-light-3: rgb(0, 158, 158);
  --el-color-primary-light-5: rgb(0, 188, 188);
}
